<template>
  <div class="use-custom-ref">
    <input v-model="messageRef" />
  </div>
</template>
<script setup lang="ts" name="UseCustomRef">

import useCustom from './useCustom';
const {messageRef} = useCustom('');

</script>
<style  scoped>
.use-custom-ref{
  height: 35px;
  width: 300px;
  border: 2px solid skyblue;
  border-radius: 5px;
  padding-left: 5px;
  color: #333;
}
input{
  border: none;
  outline: none;
  width: 95%;
  height: 95%;
}
</style>
